<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="paper"></div>
    <script src="../js/jquery.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/abcjs/6.2.2/abcjs-basic-min.js"></script>
    <script>
        $(function () {
            var abc = "T: Cooley's\n" +
                "M: 4/4\n" +
                "L: 1/8\n" +
                "R: reel\n" +
                "K: Emin\n" +
                "|:D2|EB{c}BA B2 EB|~B2 AB dBAG|FDAD BDAD|FDAD dAFD|\n" +
                "EBBA B2 EB|B2 AB defg|afe^c dBAF|DEFD E2:|\n" +
                "|:gf|eB B2 efge|eB B2 gedB|A2 FA DAFA|A2 FA defg|\n" +
                "eB B2 eBgB|eB B2 defg|afe^c dBAF|DEFD E2:|";
            function load() {
                ABCJS.renderAbc("paper", abc, { staffwidth: 800, paddingtop: 40 });
            }
            load();
        })
    </script>
</body>

</html>